{% extends "base/base.html" %}
{% block title %}Contacto{% endblock %}
{% comment %} {% endcomment %}
{% block page-header %}Contacto{% endblock %}
{% block content %}

    <div class="container">

        <div class="row-fluid">
            <div class="span12">
                <img src="{{ STATIC_URL }}image/contacto/contacto.png" class="img-polaroid">
            </div>
        </div>


        <div class="row-fluid">
            <div id="contact" name="contact" class="span12">
                <div class="services">
                    <div class="service">
                        <!-- Contact form -->
                        <h3>Formulario de contacto</h3>
                        {% if form.errors %}
                            <p>
                            {{ form.errors }}
                            </p>
                        {% endif %}

                        <hr />
                        <div class="form">
                            <form id="contact-form" class="form-horizontal" action="." method="post">{% csrf_token %}
                                <div class="control-group">
                                    <label class="control-label" for="id_name">Nombre</label>
                                    <div class="controls">
                                        {{ form.name }}
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="id_email">E-mail</label>
                                    <div class="controls">
                                        {{ form.email }}
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="id_telephone">Teléfono</label>
                                    <div class="controls">
                                        {{ form.telephone }}
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="id_message">Mensaje</label>
                                    <div class="controls">
                                        {{ form.message }}
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="id_copy">Enviar copia a mi correo</label>
                                    <div class="controls">
                                        {{ form.copy }}
                                    </div>
                                </div>
                                <div class="form-actions">
                                    <button type="submit" id="enviar" name="enviar" data-loading-text="Enviando..." data-complete-text="Enviado =)" class="btn btn-info span5 offset3" style="min-height: 40px;">Enviar</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}